<template>
	<div>
	<div style="padding:40px">
		<div class="wos-flex ptm10" style="font-weight: bold">
			<div class="title">主码流</div>
			<div class="cb wos-flex">
				<div>全</div>
				<div v-for="(t, index) in ts" :key="index">{{t}}</div>
			</div>
		</div>
		<div class="wos-flex ptm10" >
			<div class="title">自动</div>
			<div class="cb wos-flex">
				<div v-for="(c, index) in cs" :key="index">
					<input type="radio" checked>
				</div>
			</div>
		</div>
		<div class="wos-flex ptm10" >
			<div class="title">手动</div>
			<div class="cb wos-flex">
				<div v-for="(c, index) in cs" :key="index">
					<input type="radio">
				</div>
			</div>
		</div>
		<div class="wos-flex ptm10" >
			<div class="title">关闭</div>
			<div class="cb wos-flex">
				<div v-for="(c, index) in cs" :key="index">
					<input type="radio">
				</div>
			</div>
		</div>


		<div class="wos-flex ptm10" >
			<div class="title" style="font-weight: bold">辅码流1</div>
		</div>
		<div class="wos-flex ptm10" >
			<div class="title">自动</div>
			<div class="cb wos-flex">
				<div v-for="(c, index) in cs" :key="index">
					<input type="radio" >
				</div>
			</div>
		</div>
		<div class="wos-flex ptm10" >
			<div class="title">手动</div>
			<div class="cb wos-flex">
				<div v-for="(c, index) in cs" :key="index">
					<input type="radio">
				</div>
			</div>
		</div>
		<div class="wos-flex ptm10" >
			<div class="title">关闭</div>
			<div class="cb wos-flex">
				<div v-for="(c, index) in cs" :key="index">
					<input type="radio" checked>
				</div>
			</div>
		</div>



		<div class="wos-flex ptm10" >
			<div class="title" style="font-weight: bold">辅码流2</div>
		</div>
		<div class="wos-flex ptm10" >
			<div class="title">自动</div>
			<div class="cb wos-flex">
				<div v-for="(c, index) in cs" :key="index">
					<input type="radio" >
				</div>
			</div>
		</div>
		<div class="wos-flex ptm10" >
			<div class="title">手动</div>
			<div class="cb wos-flex">
				<div v-for="(c, index) in cs" :key="index">
					<input type="radio">
				</div>
			</div>
		</div>
		<div class="wos-flex ptm10" >
			<div class="title">关闭</div>
			<div class="cb wos-flex">
				<div v-for="(c, index) in cs" :key="index">
					<input type="radio" checked>
				</div>
			</div>
		</div>

		<div class="wos-flex ptm10" >
			<div class="title" style="font-weight: bold">抓图</div>
		</div>
		<div class="wos-flex ptm10" >
			<div class="title">开启</div>
			<div class="cb wos-flex">
				<div v-for="(c, index) in cs" :key="index">
					<input type="radio">
				</div>
			</div>
		</div>
		<div class="wos-flex ptm10" >
			<div class="title">关闭</div>
			<div class="cb wos-flex">
				<div v-for="(c, index) in cs" :key="index">
					<input type="radio" checked>
				</div>
			</div>
		</div>
		<div class="wos-flex ptm10" >
			<div class="title" style="font-weight: bold">AI回放</div>
		</div>
		<div class="wos-flex ptm10" >
			<div class="title">开启</div>
			<div class="cb wos-flex">
				<div v-for="(c, index) in cs" :key="index">
					<input type="radio">
				</div>
			</div>
		</div>
		<div class="wos-flex ptm10" >
			<div class="title">关闭</div>
			<div class="cb wos-flex">
				<div v-for="(c, index) in cs" :key="index">
					<input type="radio" checked>
				</div>
			</div>
		</div>
	</div>
	<div class="console" style="margin-top: 100px">
		<button>默认</button>
		<button>确定</button>
	</div>
	</div>
</template>

<script>
    export default {
        name: "ctrl",
	    data:function(){
            return {

            }
	    },
	    computed:{
            ts:function(){
                return [3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28]
            },
            cs:function(){
                return [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28]
            }
	    }
    }
</script>

<style scoped lang="less">
	.title{
		width: 120px;
	}
	.cb{
		div{
			padding-left: 20px;
		}
	}
	.ptm10{
		margin-bottom: 10px;
	}
</style>
